Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: Updating template to support dark mode StatusBar on Android #33561

Closed

Conversation

mrbrentkelly
Copy link
Contributor

@mrbrentkelly mrbrentkelly commented Apr 4, 2022

Summary

This PR adds a backgroundColor prop to the StatusBar in the starter template so that Dark Mode is correctly demonstrated when running on Android.

Before

StatusBar in starter app on Android would remain the same color no matter what the current device color scheme was.

Screenshot 2022-04-04 at 09 30 54Screenshot 2022-04-04 at 09 31 12

After

StatusBar in starter app on Android correctly reacts to the color scheme.

Screenshot 2022-04-04 at 09 29 41Screenshot 2022-04-04 at 09 29 22

Changelog

[Android] [Changed] - Demonstrating Dark Mode correctly in the StatusBar for the starter template App.

Test Plan

This was a very simple change that I was able to verify in a newly generated RN project by copying the backgroundColor prop across. See screenshots above.

@facebook-github-bot facebook-github-bot added CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. Shared with Meta Applied via automation to indicate that an Issue or Pull Request has been shared with the team. labels Apr 4, 2022
@react-native-bot react-native-bot added the Platform: Android Android applications. label Apr 4, 2022
@analysis-bot
Copy link

Platform Engine Arch Size (bytes) Diff
ios - universal n/a --

Base commit: 472d531
Branch: main

@analysis-bot
Copy link

Platform Engine Arch Size (bytes) Diff
android hermes arm64-v8a 7,810,216 +1
android hermes armeabi-v7a 7,201,805 -10
android hermes x86 8,118,839 -6
android hermes x86_64 8,098,974 +3
android jsc arm64-v8a 9,643,725 +0
android jsc armeabi-v7a 8,417,974 +0
android jsc x86 9,592,917 +0
android jsc x86_64 10,190,102 +0

Base commit: 472d531
Branch: main

@facebook-github-bot
Copy link
Contributor

@kacieb has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

@react-native-bot
Copy link
Collaborator

This pull request was successfully merged by @mrbrentkelly in 763dc52.

When will my fix make it into a release? | Upcoming Releases

@react-native-bot react-native-bot added the Merged This PR has been merged. label May 18, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. Merged This PR has been merged. Platform: Android Android applications. Shared with Meta Applied via automation to indicate that an Issue or Pull Request has been shared with the team.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants